<!--
 * @Author: 主页面
 * @Date: 2021-08-10 16:39:48
<<<<<<< HEAD
 * @LastEditTime: 2021-08-15 21:04:15
=======
<<<<<<< HEAD
 * @LastEditTime: 2021-08-10 16:40:07
=======
 * @LastEditTime: 2021-08-11 14:54:48
>>>>>>> 08960b372b2e0ec1cc10ef55c8c6515b7d90ba41
>>>>>>> eecf4f7fb1e72097c15d86b23ef06eeb19af84b6
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \html&css\项目\2.html&css\jianhsu\main.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div>
        <nav class="nav">
            <div class="nav-div">
                <a href="#" class="logo"><img src="images/bg/main4.png" alt=""></a>
                <a href="#" class="text btn"><img src="images/icon/yumanbi.png" height="19px" width="19px" alt="">
                    <i>写文章</i> </a>
                <div class="nav-page">
                    <div class="head">
                        <div class="denglu">
                            <a href="landing.html">登录</a>
                        </div>
                    </div>
                </div>
                <div class="nav-font">
                    Aa
                </div>
                <div class="nav-search">
                    <ul class="nav-ul clearfix">
                        <li class="hover"><a href="#"> <img src="images/icon/zhinanzhen2.png" alt="">首页</a> </li>
                        <li class="hover"><a href="#"> <img src="images/icon/xiazai.png" alt=""> 下载App</a> </li>
                        <li class="hover"><a href="guanzhu.html"><img src="images/icon/shu.png" alt=""> 关注</a> </li>
                        <li id="li"><input type="text" placeholder="搜索" style="border:none;"></li>
                    </ul>
                    <div class="red">
                        红包
                    </div>
                </div>
            </div>
        </nav>
        <div class="div-body">
            <div class="content">
                <div class="left">
                    <div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">满满的仪式感</a>
                                <p>法国童话《小王子》里说，仪式感就是使某一天与其他日子不同，使某一时刻与其他时刻不同。 那么特殊的日子就更应该做点不一样的事，这样才能凸现出它是特...</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/2.2.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">儿时的美味</a>
                                <p>小时候在农村，夏天有两种美味儿不可不知。 夏天雨多，如果有十天半月不下雨，孩子们暴躁，大人发脾气，空气里都是火药味儿。有时候，总疑心墙角的柴火垛...</p>
                                <div>
                                    <span class="jpg"><i></i> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#"> 7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="ima ges/bg/333.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">沙县请</a>
                                <p>有一种情 互相隔着一层薄如蝉翼的丝纱 只要轻轻一撩 便能投入对方的怀抱 可 丝纱两边的人儿偏不 他们总想着对方能主动点，再主动点 可笑的是 一但...</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/555.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">一只公鸡的谋杀案</a>
                                <p>1. 初秋，天气微凉，树叶收芒，还算凑合的活着，饶知生命的余光。炉子亮着，壶里温着水。 四人落座，父母，兄长与弟弟，老房子背起的温情，在白色的客..</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/666.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">满满的仪式感</a>
                                <p>法国童话《小王子》里说，仪式感就是使某一天与其他日子不同，使某一时刻与其他时刻不同。 那么特殊的日子就更应该做点不一样的事，这样才能凸现出它是特...</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/777.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">为救狗狗、家破人亡</a>
                                <p>狗狗，给家中增添了不少欢乐，可就在前天遛狗时，一不小心狗狗掉进了污水井，着急的老婆赶紧求救老公，可惜老公下井后再也没有上来，被救上来时已经死亡</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/888.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">幸福</a>
                                <p>又进入夏季了，又到了喝酒撸串的时候。那天经过几个串儿店，无一不人满为患，店内店外，一张小桌，几把小凳，几个朋友无拘无束的边吃边聊，好不惬意。 五...</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/999.jpg" width="150" alt=""></a>
                        </div>
                        <div class="left-box">
                            <div class="box-left">
                                <a href="#">没谁能熬过命</a>
                                <p>“那一世转山转水转佛塔，不为修来世，只为途中与你相见。……”——仓央嘉措 想起仓央嘉措的这首诗 ，沉默止语中，心中默默许愿 : 这一世，转山转水...</p>
                                <div>
                                    <span class="jpg"> 2.5</span>
                                    <a href="#">向日葵与小星星</a>
                                    <a href="#">7</a>
                                    <span>12</span>
                                </div>
                            </div>
                            <a href="#" class="box-right"><img src="images/bg/222.jpg" width="150" alt=""></a>
                        </div>
                    </div>
                    <div class="left-a">
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <div class="right">
                    <div class="board">
                        <a href="#"><img src="images/bg/ri.png" alt=""></a>
                        <a href="#"><img src="images/bg/jian.png" alt=""></a>
                        <a href="#"><img src="images/bg/you.png" alt=""></a>
                        <a href="#"><img src="images/bg/shu.png" alt=""></a>
                    </div>
                    <div class="right-2">
                        <div><img src="images/bg/erweima.png" width="50px" alt=""></div>
                        <div>
                            <div>下载简书APP ></div>
                            <div>随时随地发现和创新内容</div>
                        </div>
                    </div>
                    <div class="right-3">
                        <img src="images/bg/main1.jpg" width="220px" alt="">
                        <img src="images/bg/circle-right.png" width="20px" alt="">
                        <img src="images/bg/circle-left.png" width="20px" alt="">
                        <ul class="ul-3">
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <a href="#">领先世界的大数据</a>
                    </div>
                    <div class="book">
                        <div class="book-1">
                            <div>
                                推荐作者
                            </div>
                            <div>
                                换一批
                            </div>
                        </div>
                        <div class="book-2">
                            <div class="book-left">
                                <a href="#"><img src="images/bg/touxiang1.webp" width="48" alt=""></a>
                            </div>
                            <div class="book-right">
                                <span>+关注</span>
                                <h4>陆路说</h4>
                                <p>写了2085.3k字，34.4k喜欢</p>
                            </div>
                        </div>
                        <div class="book-2">
                            <div class="book-left">
                                <a href="#"><img src="images/bg/touxiang1.webp" width="48" alt=""></a>
                            </div>
                            <div class="book-right">
                                <span>+关注</span>
                                <h4>陆路说</h4>
                                <p>写了2085.3k字，34.4k喜欢</p>
                            </div>
                        </div>
                        <div class="book-2">
                            <div class="book-left">
                                <a href="#"><img src="images/bg/touxiang1.webp" width="48" alt=""></a>
                            </div>
                            <div class="book-right">
                                <span>+关注</span>
                                <h4>陆路说</h4>
                                <p>写了2085.3k字，34.4k喜欢</p>
                            </div>
                        </div>
                        <div class="book-2">
                            <div class="book-left">
                                <a href="#"><img src="images/bg/touxiang1.webp" width="48" alt=""></a>
                            </div>
                            <div class="book-right">
                                <span>+关注</span>
                                <h4>陆路说</h4>
                                <p>写了2085.3k字，34.4k喜欢</p>
                            </div>
                        </div>
                        <div class="book-2">
                            <div class="book-left">
                                <a href="#"><img src="images/bg/touxiang1.webp" width="48" alt=""></a>
                            </div>
                            <div class="book-right">
                                <span>+关注</span>
                                <h4>陆路说</h4>
                                <p>写了2085.3k字，34.4k喜欢</p>
                            </div>
                        </div>
                        <div>查看全部 ></div>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <div class="footer">
                <div class="footer-box">
                    <div class="box-a">
                        <a href="#">关于简书</a>
                        <a href="#">联系我们</a>
                        <a href="#">加入我们</a>
                        <a href="#">简书出版</a>
                        <a href="#">品牌与徽标</a>
                        <a href="#">帮助中心</a>
                        <a href="#">合作伙伴</a>
                        <a href="#">原创插画社区</a>
                    </div>
                    <p class="box-p">2012-2021 上海佰集信息科技有限公司 / 简书 / 沪ICP备11018329号-5 / Smrz 沪公网安备31010402002252号 /
                        Wxb
                        Weifa
                        简书网举报电话：021-34770013 / Fanzha 亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听 /
                        Zggsrz
                    </p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>